

/*
* 分页查询
* */
let pageBean=new Object();
pageBean.pageNo=1;//第几页
pageBean.pageSize=5;
function page(num,size){
  if (size != null) {
    pageBean.pageSize=size;//每页显示行数
  }
  if (num<=1){
    pageBean.pageNo=1;
  }else{
    if (num>parseInt($("#count").html())){
      pageBean.pageNo=parseInt($("#count").html());
    }else{
      pageBean.pageNo=num;
    }
  }
  pageBean.condition=[];//查询语句
  if ($("#userId").val()!=""){
    pageBean.condition.push(" userId like '%"+$("#userId").val()+"%' ");
  }
  if ($("#userName").val()!=""){
    pageBean.condition.push(" userName like '%"+$("#userName").val()+"%'")
  }
  pageBean.data=null;
$.ajax({
  type:"post",
  url:"/userServlet/findPageBean",
  data:pageBean,
  success:function (data) {
    $("#tb").empty();
    let tr="";
    $("#page").empty();
    let pageBtn="<li><a  aria-label=\"Previous\" onclick=\"page(pageBean.pageNo-1,pageBean.pageSize)\"><span aria-hidden=\"true\">&laquo;</span></a></li>";
    for (let i = 0; i < data.pageBeans.totalPage; i++) {
      pageBtn+="<li><a onclick=\"page(this.innerText,pageBean.pageSize)\">"+(i+1)+"</a></li>"
    }
    pageBtn+="<li ><a  aria-label=\"Next\" onclick=\"page(pageBean.pageNo+1,pageBean.pageSize)\"><span aria-hidden=\"true\">&raquo;</span></a></li>";
    $("#page").html(pageBtn);
    for(let i=0;i<data.pageBeans.data.length;i++){
      for (let j=0;j<data.cards.length;j++){
        if (data.pageBeans.data[i].cardId==data.cards[j].cardId){
          var amount=data.cards[j].amount;
          if (data.pageBeans.data[i].status==1){
            var aaa='<a class="btn btn-xs btn-info" >启用</a>';
          }else{
            aaa='<a class="btn btn-xs btn-danger">禁用</a>';
          }
        }
      }
      tr+="<tr>" +
          "<td>"+data.pageBeans.data[i].id+"</td>" +
          "<td>"+data.pageBeans.data[i].userId+"</td>" +
          "<td>"+data.pageBeans.data[i].userName+"</td>" +
          "<td>"+data.pageBeans.data[i].phone+"</td>" +
          "<td>"+data.pageBeans.data[i].address+"</td>" +
          "<td>"+data.pageBeans.data[i].idCard+"</td>" +
          "<td>"+aaa+"</td>" +
          "<td>"+data.pageBeans.data[i].cardId+"</td>" +
          "<td>"+parseFloat(amount).toFixed(2)+"</td>"+
          "<td>"+data.pageBeans.data[i].createdTime+"</td>" +
          "<td><button type=\"button\" class=\"btn btn-info btn-sm alter\" onclick='alterBtn(this)' data-toggle=\"modal\" data-target=\"#myModal\">修改</button></td>" +
          "</tr>";
    }
    $("#page li:contains("+pageBean.pageNo+")").addClass("active");

    if (data.pageBeans.totalPage==0){
      $("#start").html(0);
      $("#tb").html(tr);
      $("#num").html(data.pageBeans.pageNo);
      $("#count").html(data.pageBeans.totalPage);
      $("#pageCount").html(pageBean.pageSize);
      $("#end").html(data.pageBeans.startIndex+data.pageBeans.data.length);
    }else{
      $("#tb").html(tr);
      $("#num").html(data.pageBeans.pageNo);
      $("#count").html(data.pageBeans.totalPage);
      $("#pageCount").html(pageBean.pageSize);
      $("#start").html(data.pageBeans.startIndex+1);
      $("#end").html(data.pageBeans.startIndex+data.pageBeans.data.length);
    }

  },
  dataType:"json"
});
}
//打开页面运行page
$(function () {
  page(1,5);

})
//状态改变
// function a(a){
//   let card=new Object();
//   card.userId=$(a).parent().parent().children("td")[1].innerHTML;
//   card.status=1;
//   if (a.className=="btn btn-xs btn-info"){
//     a.className="btn btn-xs btn-danger";
//     $(a).text("禁用");
//     card.status=0;
//   }else {
//     a.className="btn btn-xs btn-info";
//     $(a).text("启用");
//     card.status=1;
//   }
//   console.log(card);
//   $.ajax({
//     type:"post",
//     url:"/userServlet/stateAlter",
//     data:card
//   })
// }

//删除用户
function deleteBtn(a){
  let id=$(a).parent().parent().children("td");
  $("#id").val(id[0].innerHTML);
}

function alterBtn(a){
  document.getElementById('d2').className="form-group input-group ";
  document.getElementById('d3').className="form-group input-group ";
  let td=$(a).parent().parent().children("td");
  $("#userId1").val(td[1].innerHTML);
  $("#userName1").val(td[2].innerHTML);
  $("#phone").val(td[3].innerHTML);
  $("#idCard").val(td[5].innerHTML);
  $("#cardId").val(td[7].innerHTML);
  $("#amout").val(td[8].innerHTML);
  $("#address").val(td[4].innerHTML);
  if (td[6].innerText=="启用"){
    $("#status").val(1);
  }else{
    $("#status").val(2);
  }

}



//姓名验证
$("#userName").bind('input porpertychange', function () {
  if($(this).val()!=""){
    document.getElementById('d1').className="form-group input-group has-success has-feedback";
  }else {
    document.getElementById('d1').className="form-group input-group ";
  }
})
//手机号验证
$("#phone").bind('input porpertychange', function () {
  let  a=/^1[0-9]{10}$/;
  if(a.test($(this).val())){
    document.getElementById('d2').className="form-group input-group has-success";
  }else if ($(this).val()==""){
    document.getElementById('d2').className="form-group input-group";
  }else{
    document.getElementById('d2').className="form-group input-group has-error";
  }
})
//身份证号验证
$("#idCard").bind('input porpertychange', function () {
  let  a=/^[0-9]{17}(\d|X|x)$/;
  if(a.test($(this).val())){
    document.getElementById('d3').className="form-group input-group has-success";
  }else if ($(this).val()==""){
    document.getElementById('d3').className="form-group input-group";
  }else{
    document.getElementById('d3').className="form-group input-group has-error";
  }
})

function seek() {
    page(1,pageBean.pageSize);
}

/*
* 修改模态框验证
* **/
// function btn_ok() {
//   let userName=$("#userName");//会员姓名
//   let phone=$("#phone");//手机号
//   let idCard=$("#idCard");//身份证号
//   let address=$("#address");//地址
//   let d2=document.getElementById("d2");
//   let d3=document.getElementById("d3");
//   if (d2.className=="form-group input-group has-error"||d3.className=="form-group input-group has-error"){
//     toastr.error("未输入正确信息");
//   }else{
//     toastr.success("操作成功");
//     console.log(user);
//     $("#myModal").modal("hide");
//     let user=new Object();
//     user.userId=$("#userId1").val();
//     user.userName=userName;
//     user.phone=phone;
//     user.address=address;
//
//     $.ajax({
//       type:"post",
//       url:"/userServlet/alterID",
//       data:user,
//       success:function (data) {
//         console.log(data);
//       }
//     });
//
//   }
// }
/*
* 修改模态框的开启和关闭
* */
// $(function () {
//   $("#myModal").on('hide.bs.modal',function () {
//     document.getElementById("for1").onreset;
//   })
//   $("#myModal").on('show.bs.modal',function () {
//     document.getElementById("for1").onreset;
//   })
// })
